<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link type="text/css" rel="stylesheet" href="bootstrap-5.1.3/dist/css/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="css/blog_main.css" />
    <script src="bootstrap-5.1.3/dist/js/bootstrap.bundle.js"></script>
    <title>FastDo - 首页</title>
</head>
<body>
    <header>
        <nav class="navbar navbar-expand-lg navbar-dark shadow-sm fd-navbar">
            <div class="container-fluid">
                <a class="navbar-brand" href="#">
                    <img src="images/favicon.svg" width="24" height="24" class="d-inline-block align-text-top"/>
                    FastDo
                </a>
                <div>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCategories"><span class="fd-categories-icon"></span></button>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"><span class="navbar-toggler-icon"></span></button>
                </div>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                        <li class="nav-item">
                            <a class="nav-link px-3 active" href="front.html">首页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link px-3" href="blog.html">博客</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link px-3" href="#">发布</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link px-3 dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown">文档</a>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="#">0.5.x文档</a></li>
                                <li><a class="dropdown-item" href="#">0.6.x文档</a></li>
                                <li><hr class="dropdown-divider"></li>
                                <li><a class="dropdown-item" href="#">FastDo博客说明</a></li>
                            </ul>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link px-3">测试</a>
                        </li>
                    </ul>
                    <form class="input-group me-0 me-lg-2 px-3 fd-nav-search" role="search">
                        <input class="form-control" type="search" placeholder="搜索"/>
                        <button class="btn" type="submit">
                            <svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
                            </svg>
                        </button>
                    </form>
                    <ul class="navbar-nav mb-2 mb-lg-0 fd-nav-ul">
                        <li class="nav-item fd-nav-item"><a class="nav-link px-3">注册</a></li>
                        <li class="nav-item fd-nav-item"><a class="nav-link px-3">登录</a></li>
                    </ul>
                </div>
            </div>

            <div class="collapse w-100 mt-2 d-lg-none" id="navbarCategories">
                <h6 class="fd-navbar-categories-title">全部分类</h6>
                <div class="fd-navbar-categories">
                    <div class="shadow-sm">C/C++</div>
                    <div class="shadow-sm">JavaScript</div>
                    <div class="shadow-sm">PHP</div>
                    <div class="shadow-sm">Windows</div>
                    <div class="shadow-sm">Linux</div>
                    <div class="shadow-sm">杂谈设想</div>
                    <div class="shadow-sm">工具</div>
                    <div class="shadow-sm">心得笔记</div>
                </div>

                <h6 class="fd-navbar-categories-title">主题专栏</h6>
                <div class="fd-navbar-categories">
                    <a class="shadow-sm" href="#">C语言教程</a>
                    <a class="shadow-sm">C++教程</a>
                    <a class="shadow-sm">PHP教程</a>
                    <a class="shadow-sm">COM组件编程</a>
                    <a class="shadow-sm">pthread教程</a>
                </div>

            </div>
            
        </nav>
    </header>

    <div class="container-fluid fd-banner shadow-sm" style="z-index: 1; position: relative;">
        <div class="fd-banner-animation">
        <ul id="fd-banner">
            <li><a href="#">【公告】FastDo博客全新建立</a></li>
            <li><a href="#">【热文】CentOS简单搭建Git Server</a></li>
            <li><a href="#">【推荐】4类软件项目的可遇程度和成功可能性</a></li>
            <li><a href="#">【推荐】5种大家都觉得简单但其复杂程度远被低估的编程语言</a></li>
        </ul>
        </div>
    </div>

    <main>
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none">
            <symbol fill="currentColor" id="img_airplane-engines" viewBox="0 0 16 16">
                <path d="M8 0c-.787 0-1.292.592-1.572 1.151A4.347 4.347 0 0 0 6 3v3.691l-2 1V7.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.191l-1.17.585A1.5 1.5 0 0 0 0 10.618V12a.5.5 0 0 0 .582.493l1.631-.272.313.937a.5.5 0 0 0 .948 0l.405-1.214 2.21-.369.375 2.253-1.318 1.318A.5.5 0 0 0 5.5 16h5a.5.5 0 0 0 .354-.854l-1.318-1.318.375-2.253 2.21.369.405 1.214a.5.5 0 0 0 .948 0l.313-.937 1.63.272A.5.5 0 0 0 16 12v-1.382a1.5 1.5 0 0 0-.83-1.342L14 8.691V7.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v.191l-2-1V3c0-.568-.14-1.271-.428-1.849C9.292.591 8.787 0 8 0ZM7 3c0-.432.11-.979.322-1.401C7.542 1.159 7.787 1 8 1c.213 0 .458.158.678.599C8.889 2.02 9 2.569 9 3v4a.5.5 0 0 0 .276.447l5.448 2.724a.5.5 0 0 1 .276.447v.792l-5.418-.903a.5.5 0 0 0-.575.41l-.5 3a.5.5 0 0 0 .14.437l.646.646H6.707l.647-.646a.5.5 0 0 0 .14-.436l-.5-3a.5.5 0 0 0-.576-.411L1 11.41v-.792a.5.5 0 0 1 .276-.447l5.448-2.724A.5.5 0 0 0 7 7V3Z"/>
            </symbol>
            <symbol fill="currentColor" id="img_arrow-down-up" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M11.5 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L11 2.707V14.5a.5.5 0 0 0 .5.5zm-7-14a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V1.5a.5.5 0 0 1 .5-.5z"/>
            </symbol>
            <symbol fill="currentColor" id="img_lock" viewBox="0 0 16 16">
                <path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z"/>
            </symbol>
            <symbol fill="currentColor" id="img_currency-dollar" viewBox="0 0 16 16">
                <path d="M4 10.781c.148 1.667 1.513 2.85 3.591 3.003V15h1.043v-1.216c2.27-.179 3.678-1.438 3.678-3.3 0-1.59-.947-2.51-2.956-3.028l-.722-.187V3.467c1.122.11 1.879.714 2.07 1.616h1.47c-.166-1.6-1.54-2.748-3.54-2.875V1H7.591v1.233c-1.939.23-3.27 1.472-3.27 3.156 0 1.454.966 2.483 2.661 2.917l.61.162v4.031c-1.149-.17-1.94-.8-2.131-1.718H4zm3.391-3.836c-1.043-.263-1.6-.825-1.6-1.616 0-.944.704-1.641 1.8-1.828v3.495l-.2-.05zm1.591 1.872c1.287.323 1.852.859 1.852 1.769 0 1.097-.826 1.828-2.2 1.939V8.73l.348.086z"/>
            </symbol>
        </svg>

        <div class="mt-4 bg-white shadow-sm">
            <div class="container py-5 text-center">
                <h1 class="display-4 mt-3 fw-normal">FastDo <span style="color: #777; font-size: 0.7em;">C++开发Web的利器！</span></h1>
                <p class="fs-4 fw-light">FastDo是一套用C++开发Web网页的工具，包括：HTML到C++代码翻译器、Web相关支持库、数据库操作、网络访问、图片生成等。</p>
                <p>
                    <button class="btn btn-primary btn-lg" type="button">立即下载 <span class="badge rounded-pill bg-white text-primary">v0.6.3</span></button>
                    <button class="btn btn-outline-secondary btn-lg" type="button">查看文档</button>
                </p>
            </div>
        </div>

        <div class="mt-4 container text-center fs-4">
            我们的优势
        </div>

        <div class="container">
            <div class="row">
                <div class="mt-4 col-md-6 col-xl-3">
                    <div class="p-3 h-100 bg-white rounded shadow-sm">
                        <div style="margin: -0.65rem -0.65rem auto -0.65rem; padding: 1rem; background-color: #D9534F;">
                            <svg style="width: 100%; height: auto; color: #fff;"><use xlink:href="#img_airplane-engines"></use></svg>
                        </div>
                        <h5 class="mt-3 card-title">高运行效率</h5>
                        <p class="card-text">FastDo采用C++开发，编译运行，不产生中间字节码，不需要解释器或语言VM，因此运行速度快。</p>
                    </div>
                </div>

                <div class="mt-4 col-md-6 col-xl-3">
                    <div class="p-3 h-100 bg-white rounded shadow-sm">
                        <div style="margin: -0.65rem -0.65rem auto -0.65rem; padding: 1rem; background-color: #28A4C9;">
                            <svg style="width: 100%; height: auto; color: #fff;"><use xlink:href="#img_arrow-down-up"></use></svg>
                        </div>
                        <h5 class="mt-3 card-title">高可伸缩性</h5>
                        <p class="card-text">FastCGI的机制使得FastDo主程序常驻内存接受服务器传来的Web请求。并且可设置程序常驻数量，拥有超高的负载和可伸缩性。无论是大网站还是小网站均适合。</p>
                    </div>
                </div>

                <div class="mt-4 col-md-6 col-xl-3">
                    <div class="p-3 h-100 bg-white rounded shadow-sm">
                        <div style="margin: -0.65rem -0.65rem auto -0.65rem; padding: 1rem; background-color: #67b168;">
                            <svg style="width: 100%; height: auto; color: #fff;"><use xlink:href="#img_lock"></use></svg>
                        </div>
                        <h5 class="mt-3 card-title">高保密性</h5>
                        <p class="card-text">由于采用编译型语言做开发语言，您所发布的网站或Web应用产品将不必担心被窃取源代码，使您专注于软件品质的提升。</p>
                    </div>
                </div>

                <div class="mt-4 col-md-6 col-xl-3">
                    <div class="p-3 h-100 bg-white rounded shadow-sm">
                        <div style="margin: -0.65rem -0.65rem auto -0.65rem; padding: 1rem; background-color: #F0AD4E;">
                            <svg style="width: 100%; height: auto; color: #FFF;"><use xlink:href="#img_currency-dollar"></use></svg>
                        </div>
                        <h5 class="mt-3 card-title">高效费比</h5>
                        <p class="card-text">FastDo其实并不吃硬件配置，用您原先配置的一半甚至更低，也能达到预期的负载。它能帮您节约硬件成本。</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="mt-4 container text-center fs-4">
            特点速览
        </div>

        <div class="mt-4 container">
            <div id="slider2" class="carousel slide" data-bs-ride="carousel">
                <ol class="carousel-indicators">
                    <li type="button" data-bs-target="#slider2" data-bs-slide-to="0" class="active"></li>
                    <li type="button" data-bs-target="#slider2" data-bs-slide-to="1"></li>
                    <li type="button" data-bs-target="#slider2" data-bs-slide-to="2"></li>
                </ol>

                <div class="carousel-inner bg-white p-3 rounded shadow-sm">
                    <div class="carousel-item active">
                        <div class="row">
                            <div class="col-xl-6 pe-xl-2 mb-2 mb-xl-0">
                                <div class="p-3 bg-light h-100">
                                    ECP:
                                    <code><pre class="mb-0">Calendar form:
&lt;form action=&quot;act.do&quot;&gt;
    &lt;select name=&quot;month&quot;&gt;
    &lt;? for ( int i = 0; i &lt; 12; i++ ) { ?&gt;
        &lt;option value=&quot;&lt;{=i}&gt;&quot;&gt;&lt;{=i+1}&gt;&lt;/option&gt;
    &lt;? } ?&gt;&lt;/select&gt;&lt;br/&gt;
    &lt;{import='validate.do'}&gt;
    &lt;input type=&quot;submit&quot; /&gt;
&lt;/form&gt;</pre></code>
                                </div>
                            </div>
                            <div class="col-xl-6 ps-xl-2 mb-2 mb-xl-0">
                                <div class="p-3 bg-light h-100">
                                    CPP:
                                    <code><pre class="mb-0">...
RSP &lt;&lt; &quot;Calendar form:\n&lt;form action=\&quot;act.do\&quot;&gt;\n    &lt;select name=\&quot;month\&quot;&gt;\n    &quot;;
for ( int i = 0; i &lt; 12; i++ ) { 
RSP &lt;&lt; &quot;\n        &lt;option value=\&quot;&quot;;
RSP &lt;&lt; i;
RSP &lt;&lt; &quot;\&quot;&gt;&quot;;
RSP &lt;&lt; i+1;
RSP &lt;&lt; &quot;&lt;/option&gt;\n    &quot;;
} 
RSP &lt;&lt; &quot;&lt;/select&gt;&lt;br/&gt;\n    &quot;;
RSP.import(&quot;validate.do&quot;,NULL);
RSP &lt;&lt; &quot;\n    &lt;input type=\&quot;submit\&quot; /&gt;\n&lt;/form&gt;\n&quot;;
...</pre></code>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="p-3 bg-secondary text-white text-center fs-4">ECP文件翻译成C++源代码</div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="carousel-item">
                        模板文件使用
                    </div>
                    <div class="carousel-item">
                        模板函数使用
                    </div> -->
                </div>

                <a class="carousel-control-prev" role="button" data-bs-target="#slider2" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                    <span class="visually-hidden">Previous</span>
                </a>
                <a class="carousel-control-next" role="button" data-bs-target="#slider2" data-bs-slide="next">
                    <span class="carousel-control-next-icon"></span>
                    <span class="visually-hidden">Next</span>
                </a>
            </div>

        </div>
    </main>

    <footer class="mt-4 fd-footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-5" style="text-align:center;">
                    <h3><img src="images/favicon.svg" class="d-inline align-text-top" style="width: 2rem;" /> FastDo官方网站</h3>
                    <p>保持好奇心，发挥创造力。祝您在这里学到新东西。<br />
                    Copyright(c) 2014-2022 WT 保留所有权利<br />
                    <small style="font-size:83%;color: #005500; ">页面处理耗时:0.000001(s)</small></p>
                </div>
                <div class="col-lg-7">
                    <div class="row">
                        <div class="col-6 col-sm-4 col-md-3">
                            <h4>关于</h4>
                            <ul class="list-unstyled">
                                <li>关于我们</li>
                                <li>友链申请</li>
                                <li>广告合作</li>
                                <li>　</li>
                            </ul>
                        </div>
                        <div class="col-6 col-sm-4 col-md-3">
                            <h4>联系方式</h4>
                            <ul class="list-unstyled">
                                <li><a href="javascript:void(0);" onclick="window.location.href='mailto:z'+'t'+'h'+'5'+'5'+'5'+'@'+'q'+'q'+'.'+'c'+'o'+'m';">电子邮件</a></li>
                                <li>QQ162057326</li>
                                <li>　</li>
                                <li>　</li>
                            </ul>
                        </div>
                        <div class="col-6 col-sm-4 col-md-3">
                            <h4>合作伙伴</h4>
                            <ul class="list-unstyled">
                                <li><a target="_blank" href="http://www.x86pro.com">X86编程之家</a></li>
                                <li>　</li>
                                <li>　</li>
                                <li>　</li>
                            </ul>
                        </div>
                        <div class="col-6 col-sm-4 col-md-3">
                            <h4>友情链接</h4>
                            <ul class="list-unstyled">
                                <li><a target="_blank" href="https://snowitty.com">SNOWITTY</a></li>
                                <li><a target="_blank" href="https://naogua.ren">思维堆栈</a></li>
                                <li><a target="_blank" href="https://gameptr.com">游戏指针</a></li>
                                <li><a target="_blank" href="http://www.widlabs.com">WID实验室</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>
